/*此文件样式仅在设计器中生效*/

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:before {display:table;content:"";}.clearfix:after{clear:both;display:table;content:"";}

/*文章底部隐藏，注释auth:yx*/
#HTMLDATAOTHER{overflow:hidden;zoom:1;height:1px;z-index:-100; top:0; left:0;position:absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
/*距离顶部有一个50px的距离，注释auth:yx*/
#HTMLDATA{ padding-top:50px;padding-left:50px !important;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
#HTMLDATA .yzmoveContent{position: relative;}
/*选中状态下，有一个蓝色框，注释:yx*/
#HTMLDATA .yzmoveContentBor:before{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border:2px solid #59c4ff; z-index:1; }
/*设计器最底部有留白，注释auth:yx*/
#HTMLHEIGHT{ height:50px; width:100%;}
/* 页面和通条列表拖拽--唯一样式 */
#space_list {height:35px;width:100%;}

/*wqdpageHeaderD*/
#wqdpageHeaderD {position:fixed;z-index:1000;top:0;width:100%; left:0;}
#wqdpHeaderD {width:100%;height:50px;background:#ffffff;overflow: hidden;border-bottom:1px solid #cccccc;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
#wqdpHeaderD .logo {float:left;height:100%;width:50px;background:#2dbce6 url(../../images/v2/design/columnMenu/v3_base.png) no-repeat;background-position:0px 0px;cursor:pointer;}
#wqdpHeaderD ul, #wqdpHeaderD ol, #wqdpHeaderD ol li, #wqdpHeaderD ul li {
    display:inline-block;
    height:100%;
    vertical-align:top;
    color:#333333;
    font-family:"微软雅黑",Verdana,Arial,Helvetica,sans-serif;
}

.fullMode {
    opacity: 0;
}
.fullMode.fullMode-show {
    opacity: 1;
}

/*setRuler*/
.wqdsetRuleros{position:fixed; height:100%; width:0; z-index:901;top:0px;border-left: dashed #000 1px;}

#wqdpageHeaderD #wqdpHeaderD.carousehidenav .func-list>li{visibility:hidden;}
#wqdpageHeaderD #wqdpHeaderD.carousehidenav .func-list>li:nth-child(2){ visibility:visible;}
#wqdpageHeaderD #wqdpHeaderD.carousehidenav .viewwidth{visibility:hidden;}
#wqdpageHeaderD #wqdpHeaderD.carousehidenav .icon-list{visibility:hidden;}
/*标尺在遮罩层下时不再显示*/
/* #wqdpageHeaderD #wqdpHeaderD.carousehidenav .icon-list>li:nth-child(5){ visibility:visible;} */



/*wqdpageHeaderD----头部-定位X、Y、H、W这四个值*/
#wqdpHeaderD div.viewwidth{float:left;display:inline;border-right:1px solid #454545;height:50px; overflow:hidden; padding:0 8px;}
#wqdpHeaderD div.viewwidth input{float: left;display: inline;color: rgba(255,255,255,0.9);width: 45px;height: 24px;line-height: 21px;margin-top: 13px;border-radius: 3px;border: none;padding: 4px;background: #626262;}
#wqdpHeaderD div.viewwidth em{float:left; display:inline;margin-left:8px; color:#999;margin-top:14px;}
#wqdpHeaderD span{vertical-align: middle;}
#wqdpHeaderD .wqdpotion{float:left;color:#999;margin-left:50px;margin-top:13px;}
#wqdpHeaderD .wqdpotion span.texts{display: inline-block;margin-top: 2px;cursor: default;}
#wqdpHeaderD .viewPosition {position:relative;display: inline-block;cursor: text;height: 24px;min-width: 44px;padding-left: 4px;padding-right:5px;margin-left: 5px;line-height: 24px;border: none;background: #fff;border:1px solid #dcdcdc;border-radius: 3px; max-width:60px;color: #333;}
#wqdpHeaderD .viewPosition input{
    position:absolute;
    top:0;
    left:0;
    background: #fff;
    width: 100% !important;
    height: 100% !important;
    padding-left:4px !important;
    border-radius: 2px;
    color: #333;
    border: none;
    outline:0;
}
/*wqdpageHeaderD----头部-左侧-页面功能*/
#wqdpHeaderD .func-list {float:left;}
#wqdpHeaderD .func-list li span {display:inline-block;height:100%;background:url(../../images/v2/design/columnMenu/v3_base.png) no-repeat;margin:0;cursor:pointer;}
#wqdpHeaderD .func-list li.title {width:260px;line-height:50px;cursor:pointer;}
#wqdpHeaderD .func-list li.title em {display:inline-block;vertical-align: top;height:100%;width:42px;margin:0;background:url(../../images/v2/design/columnMenu/v3_base.png) no-repeat;background-position:-48px 0px;}
#wqdpHeaderD .func-list li.title label {display:inline-block;vertical-align:top;height:100%;width:178px;margin:0;font-size:14px;line-height:50px;font-weight: normal;cursor:pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#wqdpHeaderD .func-list li.title span {display:inline-block;vertical-align:middle;height:20px;width:40px;background:url(../../images/v2/design/columnMenu/v3_base.png) no-repeat -110px -15px;border-right:1px solid #ccc;}
#wqdpHeaderD .func-list li.title:hover,
#wqdpHeaderD .func-list li.title.on {color:#2dbce6;}
#wqdpHeaderD .func-list li.title:hover em,
#wqdpHeaderD .func-list li.title.on em {background-position:-48px -50px;}
#wqdpHeaderD .func-list li.title:hover label,
#wqdpHeaderD .func-list li.title.on label {color:#2dbce6;}
#wqdpHeaderD .func-list li.title:hover span,
#wqdpHeaderD .func-list li.title.on span {background-position:-110px -65px;}
/*wqdpageHeaderD----头部-右侧-icon功能*/
#wqdpHeaderD .icon-list {float:right;}
#wqdpHeaderD .icon-list li a {display:inline-block;height:100%;width:40px;}
#wqdpHeaderD .icon-list li a.commonbtn{
    background:url(../../images/v2/design/columnMenu/v3_base.png) no-repeat;
}
#wqdpHeaderD .icon-list li a.iconBtn2 {background-position:-380px -99px;}
#wqdpHeaderD .icon-list li.pasted a.iconBtn2 {background-position:-380px 0px;}
#wqdpHeaderD .icon-list li.pasted a.iconBtn2:hover {background-position:-380px -50px;}
#wqdpHeaderD .icon-list li.li-rev a {background-position:-430px -98px;}
#wqdpHeaderD .icon-list li.li-rev.on a {background-position:-430px 0px;}
#wqdpHeaderD .icon-list li.li-rev.on a:hover {background-position:-430px -50px;}
#wqdpHeaderD .icon-list li.li-back a {background-position:-480px -98px;}
#wqdpHeaderD .icon-list li.li-back.on a {background-position:-480px 0px;}
#wqdpHeaderD .icon-list li.li-back.on a:hover {background-position:-480px -50px;}
#wqdpHeaderD .icon-list li a.iconBtn5 {background-position:-530px 0px;}
#wqdpHeaderD .icon-list li a.iconBtn5:hover,#wqdpHeaderD .icon-list li a.iconBtn5.on {background-position:-530px -50px;}

#wqdpHeaderD .icon-list li.tool-list2 { width:100px;cursor:pointer;}
#wqdpHeaderD .icon-list li.tool-list2 span{display:inline-block;height:100%;width:30px;background:url(../../images/v2/design/columnMenu/v3_base.png) no-repeat;background-position:-335px -0px;}
#wqdpHeaderD .icon-list li.tool-list2 a{vertical-align:top;width:70px;line-height:50px;color:#333333;}
#wqdpHeaderD .icon-list li.tool-list2:hover a,
#wqdpHeaderD .icon-list li.tool-list2.on a{color:#2dbce6;}
#wqdpHeaderD .icon-list li.tool-list2:hover span,
#wqdpHeaderD .icon-list li.tool-list2.on span{background-position:-335px -50px;}

#wqdpHeaderD .icon-list li.tool-list {width:170px;margin-left:10px;}
#wqdpHeaderD .icon-list li.tool-list a {margin:10px 10px 0 0;width:70px;height:30px;font-size:14px;line-height:28px;text-align:center;color:#dadada;background:#fff;border:1px solid #dfdfdf;border-radius:15px;}
#wqdpHeaderD .icon-list li.tool-list a.on:hover {color:#fff;background:#2dbce6;}
#wqdpHeaderD .icon-list li.tool-list a.on {
    background:#fff;
    color:#2dbce6;
    border:1px solid #2dbce6;
}
/*#wqdpHeaderD .icon-list li.tool-list a:last-child:hover {color:#59c4ff;}*/
#wqdpHeaderD .icon-list li.tool-list a#savesite{position:relative;}
/*#wqdpHeaderD .icon-list li.tool-list a#savesite em{display:none;position:absolute; top:0px; right:0px;}
#wqdpHeaderD .icon-list li.tool-list a#savesite.on em{display:block;background:url(../../../images/v2/design/columnMenu/v3_base.png);background-position:-596px -21px;  height:8px; width:8px;}*/
#wqdpHeaderD i.xy{display:inline-block;background: url(../../images/v2/design/columnMenu/1.png) no-repeat;width: 12px;height: 9px;background-position: -761px -20px;margin-top: -5px;}
/*wqdpageHeaderD----头部-左侧-网站功能*/
#wqdpHeaderD .station {float:left;width:65px;height:100%;line-height:50px;text-align:right;background:url(../../images/v2/design/columnMenu/v3_base.png) no-repeat -162px 0px;cursor:pointer;}
#wqdpHeaderD .station:hover,#wqdpHeaderD li.on .station {background-position: -162px -50px;color:#2dbce6;}
/*wqdpHeaderSetStationD----头部-左侧-网站功能设置页面*/
#wqdpHeaderSetStationD {position:fixed;z-index:2000;left:0;right:0;bottom:0;top:0;}
#wqdpHeaderSetStationD .mask {position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;}
#wqdpHeaderSetStationD .content {position:absolute;top:150px;left:50%;margin-left:-290px;width:580px;height:330px;background:#fff;color:#333;font-size:14px;border-radius:4px;}
#wqdpHeaderSetStationD .content ul.left {float:left;width:132px;height:100%;border-right:1px solid #ccc;}
#wqdpHeaderSetStationD .content ul.left li {width:100%;height:40px;line-height:40px;padding-left:20px;cursor:pointer;}
#wqdpHeaderSetStationD .content ul.left li span {border-left:3px solid transparent;}
#wqdpHeaderSetStationD .content ul.left li.on span {border-left:3px solid #2dbce6;}
#wqdpHeaderSetStationD .content ul.left li.on {color:#2dbce6;}
#wqdpHeaderSetStationD .content ul.left li:hover span {border-left:3px solid #2dbce6;}
#wqdpHeaderSetStationD .content ul.left li:hover {color:#2dbce6;}
#wqdpHeaderSetStationD .content ul.left li.back:hover {color:#f66;}
#wqdpHeaderSetStationD .content ul.left li:first-child {margin-top:15px;}
#wqdpHeaderSetStationD .content ul.left li.back {padding-left:10px;margin-top:100px;}
#wqdpHeaderSetStationD .content ul.left li.back.on {color:#ff6666;}
#wqdpHeaderSetStationD .content ul.left li.back span {padding-left:14px;border:none;background:url(../../images/v2/design/columnMenu/v3_base.png) no-repeat -667px -164px;}
#wqdpHeaderSetStationD .content ul.left li.back.on span,#wqdpHeaderSetStationD .content ul.left li.back:hover span {background-position: -814px -164px;}
#wqdpHeaderSetStationD .content .right {float:right;width:448px;height:100%;}
#wqdpHeaderSetStationD .content .right .title {width:100%;height:41px;border-bottom:1px solid #ccc;}
#wqdpHeaderSetStationD .content .right .title span {display:none;float:left;height:100%;line-height:40px;margin-left:15px;}
#wqdpHeaderSetStationD .content .right .title em {float:right;width:50px;height:100%;background:url(../../images/v2/design/columnMenu/v3_base.png);background-position:-675px -5px;cursor:pointer;}
#wqdpHeaderSetStationD .content .right .title em:hover {background-position:-675px -55px;}
#wqdpHeaderSetStationD .content .right .title span.on {display:block;}
/* wqdpHeaderSetStationD----头部-左侧-网站功能设置页面---内容区域 */
#wqdpHeaderSetStationD ul.rcontent li {display:none;}
#wqdpHeaderSetStationD ul.rcontent li.on {display:block;}
#wqdpHeaderSetStationD ul.rcontent li p {margin:0 38px 0 25px;margin-top:27px;font-size:12px;color:#666;line-height:20px;text-align:left;}
#wqdpHeaderSetStationD ul.rcontent li.domain .dURL {margin:20px 40px 0 25px;background:#e8e9f8;height:30px;}
#wqdpHeaderSetStationD ul.rcontent li.domain .dURL em {display:inline-block;vertical-align:middle;width:30px;height:100%;background:url(../../images/v2/design/columnMenu/v3_base.png);background-position:-584px -61px;}
#wqdpHeaderSetStationD ul.rcontent li.domain .dURL span {font-size:12px;color:#666;}
#wqdpHeaderSetStationD ul.rcontent li.domain .upBtn {margin:24px 0 0 25px;width:100px;height:30px;color:#2dbce6;text-align:center;line-height:28px;border:1px solid #2dbce6;border-radius:13px;cursor:pointer;}
#wqdpHeaderSetStationD ul.rcontent li.domain .upBtn:hover {color:#fff;background:#2dbce6;}
#wqdpHeaderSetStationD ul.rcontent li.icon .iconBg {margin:15px 0 0 25px;width:354px;height:36px;background:url(../../images/v2/design/columnMenu/v3_base.png);background-position:-550px -100px;}
#wqdpHeaderSetStationD ul.rcontent li.icon .iconBg .areaIcon {position:relative;top:1px;left:23px;width:16px;height:16px}
#wqdpHeaderSetStationD ul.rcontent li.icon .iconBg .iconTitle {position:relative;display:inline-block;top:7px;left:23px;width:130px;height:20px;line-height:20px;font-size:12px;color:#000;overflow:hidden;}
#wqdpHeaderSetStationD ul.rcontent li.icon .upLBtn {display:inline-block;margin:20px 0 0 25px;width:70px;height:30px;/*color:#2dbce6;text-align:center;line-height:28px;border:1px solid #2dbce6;*/border-radius:13px;cursor:pointer;}
#wqdpHeaderSetStationD ul.rcontent li.icon .upLBtn:hover a {color:#fff !important;background:#2dbce6;cursor:pointer;}
#wqdpHeaderSetStationD ul.rcontent li.icon .onLCreate {display:inline-block;margin-left:20px;color:#2dbce6;cursor:pointer;}
#wqdpHeaderSetStationD ul.rcontent li.icon .onLCreate:hover {text-decoration: underline;}
#wqdpHeaderSetStationD ul.rcontent li.area .areaGroup {display:inline-block;vertical-align:top;width:33.3%;margin-top:5px;}
#wqdpHeaderSetStationD ul.rcontent li.area .areaGroup .areabg {width:100%;height:65px;background:url(../../images/v2/design/columnMenu/v3_base.png);}
#wqdpHeaderSetStationD ul.rcontent li.area .areaGroup .a1 {background-position:-725px 0;}
#wqdpHeaderSetStationD ul.rcontent li.area .areaGroup .a2 {background-position:-875px 0;}
#wqdpHeaderSetStationD ul.rcontent li.area .areaGroup .a3 {background-position:-925px -100px;}
#wqdpHeaderSetStationD ul.rcontent li.area .areaGroup span {display:block;width:100%;font-size:12px;color:#999;height:30px;line-height:30px;text-align:center;}
#wqdpHeaderSetStationD ul.rcontent li.area .areaGroup .useBtn {margin:10px auto;width:80px;height:30px;color:#2dbce6;text-align:center;line-height:28px;border:1px solid #2dbce6;border-radius:13px;cursor:pointer;}
#wqdpHeaderSetStationD ul.rcontent li.area .areaGroup .useBtn.on,
#wqdpHeaderSetStationD ul.rcontent li.area .areaGroup .useBtn:hover {color:#fff;background:#2dbce6;}
#wqdpHeaderSetStationD .icon .prompt {margin-top: 20px;color:#999;}

/* wqdpLeftD */
#wqdpLeftD {position:fixed;top:49px;z-index:1001;left:0;width:50px;height:100%;background:#2dbce6;}
#wqdpLeftD ul {width:100%;margin-top:10px;}
#wqdpLeftD ul li {display:block;width:100%;height:50px;font-size:14px;color:#fff;line-height:50px;text-align:center;cursor:pointer;}
#wqdpLeftD ul li.on,#wqdpLeftD ul li:hover {background:#57c9eb;}

/*wqdpServerD*//*section上id:server改*/
.serset-box {
    display:none;
    height: 100%;
    background:#fff;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.serset-box .set-h3 {height:50px;padding-left: 20px;line-height:50px;font-size:16px;color:#333333;border-bottom:1px solid #aaa;}

.serset-box .ser-select {height:50px;padding-left: 20px;padding-top: 12px;}
.serset-box .ser-select span {float:left;width:18px;height:18px;margin:16px auto;border:1px solid #dcdcdc;border-radius: 2px;}
.serset-box .ser-select span.on {background:url(../../images/v2/design/columnMenu/1.png) no-repeat -17px -417px;}
.serset-box .ser-select label{height:50px;margin-left:8px;margin-bottom:0;line-height:50px;font-size:14px;font-weight:normal;}
/*wqdpServerD----右侧下拉hover选择效果*/
.serset-box .ser-select .select-box {float:right;position:relative;width:130px;height: 28px;margin-right: 20px;font-size:12px;line-height:25px;text-align:right;border:1px solid #dcdcdc;border-radius: 4px;}
.serset-box .ser-select .select-box em {float: right;width:38px;height:18px;margin:4px 6px 0 4px;background:url(../../images/v2/design/columnMenu/1.png) no-repeat -56px -416px;}
.serset-box .ser-select .select-box i {float: right;font-size: 22px;margin-top: 1px;margin-right: 7px;color: #999;}
.serset-box .ser-select .select-box:hover .ul-select {display: block;}
.serset-box .ser-select .select-box .ul-select.on {display: block;}
.serset-box .ser-select .select-box:hover .fa-angle-down:before{content: "\f106";}
.serset-box .ser-select .select-box:hover .ul-select.close {display: none;}
.serset-box .ser-select .select-box.bee:hover .fa-angle-down:before{content: "\f107";}
.serset-box .ser-select .select-box ul {height:auto;width:100%;background:#fff;border:1px solid #dcdcdc;border-radius: 4px;box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.15);}
.serset-box .ser-select .select-box .ul-select {position: absolute;display:none;z-index:1;height:auto;width:100%;bottom:-114px;padding-top:10px;}
.serset-box .ser-select .select-box ul li {height:28px;text-align:left;border-bottom: 1px solid #dcdcdc;}
.serset-box .ser-select .select-box ul li:hover {background:#ededed;}
.serset-box .ser-select .select-box ul li label {height:28px;margin-left:10px;font-size: 12px;line-height: 26px;}
.serset-box .ser-select .select-box ul li .self-input {float: right;height: 20px;width: 57px;line-height: 20px;margin: 3px 5px 0 0;padding-left: 2px;border: 1px solid #dcdcdc;border-radius: 4px;}
/*wqdpServerD----下部组*/
.serset-box .ser-box{position:relative;margin:0 20px;}
.serset-box .ser-box textarea {
    display:block;
    width:100%;
    height:45px;
    font-size: 12px;
    color:#999999;
    background:#eee;
    margin:0;
    outline:none;
    line-height:20px;
    padding:5px;
    resize:none;
    border:1px solid #dcdcdc;
    border-radius:4px;
    font-family:"微软雅黑",Verdana,Arial,Helvetica,sans-serif;
}
.serset-box .ser-box textarea.yxtfirst {height:55px;margin-bottom:5px;}
.serset-box .ser-box .text-content {color: #999;font-size: 12px;line-height: 22px;margin-top:5px;margin-bottom:10px;}
.serset-box .ser-box .text-content a {color:#59c4ff;}
.serset-box .ser-box .text-content a:hover {text-decoration: underline;}
.serset-box .ser-box .firDiv{padding-bottom:10px;font-size:14px;color:#333;line-height:14px;}
.serset-box .ser-box input.edit.yxtfirst {
    width: 100%;
    border: 1px solid #dcdcdc;
    background: #eee;
    border-radius: 4px;
    padding: 5px;
}
.serset-box .ser-box p.ts{font-size:12px;color:#FF0000; height:20px;}

div.fa-phone{font-size:24px;color:#fff;margin-left:10px;margin-top:9px;float:left;}
#wqdShowQQD .serQQ{position:fixed;z-index:5;right:-40px;top:50%;margin-top:-20px;width:40px;height:40px;background-color:#676669;border-top-left-radius:4px;border-bottom-left-radius:4px;}
#wqdShowQQD .serQQ:hover{background-color:#504f55;}
#wqdShowQQD .uhide {display:none;}
#wqdShowQQD .icon{background:url(http://member.wqdian.net/images/design/icon25.png) no-repeat;width:26px;height:20px;margin-left:10px;margin-top:12px;display:inline-block;}
.ifshow{right: 0px !important;-moz-transition: 0.35s; -o-transition: 0.35s; -webkit-transition: 0.35s; transition: 0.35s;}
.noshow{right: -105px !important;-moz-transition: 0.35s; -o-transition: 0.35s; -webkit-transition: 0.35s; transition: 0.35s;}
.noshow.on {right:0 !important;}
#wqdShowQQD .serShow{position:fixed;position:fixed;background-color:#504f55;width:105px;z-index:9;right:-105px;top:50%;margin-top:-20px;border-top-left-radius:4px;border-bottom-left-radius:4px;}
#wqdShowQQD .serShow:hover {right: 0px !important;-moz-transition: 0.35s; -o-transition: 0.35s; -webkit-transition: 0.35s; transition: 0.35s;}
#wqdShowQQD .serShow .header{height:40px;max-height:40px;border-bottom:1px solid rgba(0,0,0,0.2);}
#wqdShowQQD .serShow span{display:inline-block;color:#fff;line-height:40px;font-size:14px;padding-left:9px;}
#wqdShowQQD .down{padding:15px 12px 10px;}
#wqdShowQQD .down ul,li{margin:0;padding:0;}
#wqdShowQQD .down ul li{list-style:none;margin-bottom:7px;max-width: 80px;overflow: hidden;}
#wqdShowQQD .down ul li:last-child{margin-bottom:4px;}
.shuoming div{line-height:20px;}
#wqdShowQQD .down .shuoming {font-size: 12px; color: #999; word-wrap:break-word;}
#wqdShowQQD .down ul li>a img{max-width: 100%;}
#wqdIphoneContainer #wqdShowQQD .serQQ {position:absolute;z-index:9999;}
#wqdIphoneContainer #wqdShowQQD .serShow {position:absolute;z-index:9999;}

/*wqdaddcolD----可以与下面合并或同步*/
#wqdaddcolD{display:none;position:fixed;top:50px;left:310px;right:0;height:100%;padding-bottom:20px;background:#fff;z-index:1003;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
#wqdaddcolD .search{height:50px;border-bottom:1px solid #aaaaaa;}
#wqdaddcolD .search img.close{float:right;margin: 20px;opacity: 1; width:12px;}
#wqdaddcolD .category{border-bottom:1px solid #aaaaaa;color:#232327;}
#wqdaddcolD .category-list{width:100%;padding:5px 20px 14px 20px;margin:0 auto;text-align:left;}
#wqdaddcolD .category .category-content{float:left;width:100%;overflow:hidden;zoom:1;}
#wqdaddcolD .category li{display:inline-block;margin:10px 10px 0 0;text-align:center;}
#wqdaddcolD .category li a{display:inline-block;padding:5px 10px;color:#666;font-size:12px;border-radius:20px;}
#wqdaddcolD .category li:hover a,#wqdaddcolD .category li:focus a,#wqdaddcolD .category li.active a{background:#2dbce6;color:#fff;}
#wqdaddcolD .slide-box{width:100%;height:66%;padding:20px 0px 0px 20px;float:left;overflow:hidden;}
#wqdaddcolD .slide-box .slidewarr{height:100%;overflow-x:hidden;overflow-y:auto;}
#wqdaddcolD .slide-list li{float:left;cursor:pointer;margin-right:10px; width:237px; height:156px;background:#eeeeee;margin-bottom:10px; box-shadow:0px 1px 4px 1px rgba(0,0,0,.2)}
@media (min-width:1000px) and (max-width:1300px){#wqdaddcolD .slide-list li{width:31%;}}
@media (max-width:999px){#wqdaddcolD .slide-list li{width:48%;}}
#wqdaddcolD .slide-list li .po{overflow:hidden;zoom:1;position:relative;}
#wqdaddcolD .slide-list li .pic-box{width:100%;}
#wqdaddcolD .slide-list li .pic-box img{width:100%;height:100%;}
#wqdaddcolD .slide-list li .pic-describe{position:absolute;bottom:0;left:0;width:100%;height:40px;padding-left:16px;background:rgba(0,0,0,0.6);line-height:40px;color:#fff;}
#wqdaddcolD .slide-list li .pic-describe a {color:#fff;}
#wqdaddcolD .slide-list li .tier{position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:all 0.3s ease-in-out 0s}
#wqdaddcolD .slide-list li:hover .tier{display:block;opacity:1;}
#wqdaddcolD .slide-list .tier .preview{position:absolute;display:block;top:55px;width:60px;height:30px;background-color:#59c4ff;line-height:30px;color:#fff;border-radius:4px;z-index:1001;}
#wqdaddcolD .slide-list .tier .use{position:absolute;display:block;top:55px;width:36px;height:36px;background:#59c4ff url(../../images/v2/design/columnMenu/1.png) no-repeat;background-position: -168px -7px;;line-height:36px;color:#fff;font-size:16px;border-radius:50%;z-index:1001;}
#wqdaddcolD .slide-list .tier .preview{left:38px;}
#wqdaddcolD .slide-list .tier .use{left:50%;top:50%;margin:-18px 0 0 -18px;}
#wqdaddcolD .slide-list .tier .use i:before {content:"";}
#wqdaddcolD .page-nation{float:left;width:100%;height:40px;background:#fff; margin-top:10px;}
#wqdaddcolD .page-nation .page{width:100%;height:100%;text-align:center;}
#wqdaddcolD .page-nation .page li{display:inline-block;margin-top:5px;margin-left:5px;}
#wqdaddcolD .page-nation .page li a{display:inline-block;width:30px;height:30px;line-height:30px;border-radius:50%;color:#999;}
#wqdaddcolD .page-nation .page li a:hover{background-color:#b5e5ff;}
#wqdaddcolD .page-nation .page li.on a{background-color:#b5e5ff;}

/*wqdaddPageTemplateD----可以与上面合并或同步*/
#wqdaddPageTemplateD{display:none;position:fixed;top:50px;left:310px;right:0;height:100%;padding-bottom:20px;background:#fff;z-index:1003;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
#wqdaddPageTemplateD .search{height:50px;border-bottom:1px solid #aaaaaa;}
#wqdaddPageTemplateD .search img.close{float:right;margin: 20px;opacity: 1; width:12px;}
#wqdaddPageTemplateD .category{border-bottom:1px solid #aaaaaa;color:#232327;}
#wqdaddPageTemplateD .category-list{width:100%;padding:5px 20px 14px 20px;margin:0 auto;text-align:left;}
#wqdaddPageTemplateD .category .category-content{float:left;width:100%;overflow:hidden;zoom:1;}
#wqdaddPageTemplateD .category li{display:inline-block;margin:10px 10px 0 0;text-align:center;}
#wqdaddPageTemplateD .category li a{display:inline-block;padding:4px 10px;color:#333;font-size:12px;border-radius:20px;border:1px solid #aaaaaa;}
#wqdaddPageTemplateD .category li:hover a,#wqdaddPageTemplateD .category li:focus a,#wqdaddPageTemplateD .category li.active a{border-color:#59c4ff;color:#59c4ff;}
#wqdaddPageTemplateD .slide-box{width:100%;padding:20px 20px 0px 20px;float:left;overflow:hidden;}
#wqdaddPageTemplateD .slide-box .slidewarr{height:100%;overflow-x:hidden;overflow-y:auto;}
#wqdaddPageTemplateD .slide-list li{float:left;cursor:pointer;margin-right:10px; width:237px; min-height:156px;background:#eeeeee;margin-bottom:10px; box-shadow:0px 1px 4px 1px rgba(0,0,0,.2)}
@media (min-width:1000px) and (max-width:1300px){#wqdaddPageTemplateD .slide-list li{width:31%;}}
@media (max-width:999px){#wqdaddPageTemplateD .slide-list li{width:48%;}}
#wqdaddPageTemplateD .slide-list li .po{overflow:hidden;zoom:1;position:relative;}
#wqdaddPageTemplateD .slide-list li .pic-box{width:100%;}
#wqdaddPageTemplateD .slide-list li .pic-box img{width:100%;height:100%;}
#wqdaddPageTemplateD .slide-list li .pic-describe{position:absolute;bottom:0;left:0;width:100%;height:40px;padding-left:16px;background:rgba(0,0,0,0.6);line-height:40px;color:#fff;}
#wqdaddPageTemplateD .slide-list li .pic-describe a {color:#fff;}
#wqdaddPageTemplateD .slide-list li .tier{position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:all 0.3s ease-in-out 0s}
#wqdaddPageTemplateD .slide-list li:hover .tier{display:block;opacity:1;}
#wqdaddPageTemplateD .slide-list .tier .preview{position:absolute;display:block;top:55px;width:60px;height:30px;background-color:#59c4ff;line-height:30px;color:#fff;border-radius:4px;z-index:1001;}
#wqdaddPageTemplateD .slide-list .tier .use{position:absolute;display:block;top:55px;width:36px;height:36px;background:#59c4ff url(../../images/v2/design/columnMenu/1.png) no-repeat;background-position: -168px -7px;;line-height:36px;color:#fff;font-size:16px;border-radius:50%;z-index:1001;}
#wqdaddPageTemplateD .slide-list .tier .preview{left:38px;}
#wqdaddPageTemplateD .slide-list .tier .use{left:50%;top:50%;margin:-18px 0 0 -18px;}
#wqdaddPageTemplateD .slide-list .tier .use i:before {content:"";}
#wqdaddPageTemplateD .page-nation{float:left;width:100%;height:40px;background:#fff; margin-top:10px;}
#wqdaddPageTemplateD .page-nation .page{width:100%;height:100%;text-align:center;}
#wqdaddPageTemplateD .page-nation .page li{display:inline-block;margin-top:5px;margin-left:5px;}
#wqdaddPageTemplateD .page-nation .page li a{display:inline-block;width:30px;height:30px;line-height:30px;border-radius:50%;color:#999;}
#wqdaddPageTemplateD .page-nation .page li a:hover{background-color:#b5e5ff;}
#wqdaddPageTemplateD .page-nation .page li.on a{background-color:#b5e5ff;}

/*wqdpageSetD*/
#wqdpageSetD i.wqdmovedrop{cursor:move;}
/*wqdpageSetD common header */
#wqdpageSetD .comHeader {overflow:hidden;zoom:1; height:50px; border-bottom:1px solid #cccccc;}
#wqdpageSetD .comHeader p {float:left;height:100%;margin-left:21px;color:#333;font-family:'微软雅黑';font-size:16px;line-height:49px;}
#wqdpageSetD .comHeader p em {float:left;width:3px;height:16px;margin:17px 9px 0 0;background:#2dbce6;}
#wqdpageSetD .comHeader span {float:right;width:28px;height:28px;margin-top:10px;background:url(../../images/v2/design/columnMenu/v3_base.png);cursor:pointer;}
#wqdpageSetD .comHeader span.close {background-position:-686px -11px;margin-right:12px;opacity:1;}
#wqdpageSetD .comHeader span.close:hover {background-position: -686px -61px;opacity:1;}
#wqdpageSetD .comHeader span.question {background-position:-636px -11px;opacity:1;}
#wqdpageSetD .comHeader span.question:hover {background-position: -636px -61px;opacity:1;}
#wqdpageSetD .comHeader span a {display:block;margin:0;padding:0;width:100%;height:100%;}

/*wqdpageContentD*/
#wqdpageContentD {display:none;position:fixed;top:50px;left:50px;height:100%;width:260px;background:#fff;z-index:1100;border-right:1px solid #ccc;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
#wqdpageContentD .wqdaddpagelist {display:block;background:#fff;width:100%;height:50px;border-bottom:1px solid #ccc;overflow:hidden;}
#wqdpageContentD .wqdaddpagelist p {width:140px;height:30px;margin:10px auto;font-size:14px;line-height:26px;color:#2dbce6;border:1px solid #2dbce6;border-radius:16px;cursor:pointer;}
#wqdpageContentD .wqdaddpagelist p i {display:inline-block;vertical-align:top;width:25px;height:100%;margin-left:20px;background:url(../../images/v2/design/columnMenu/v3_base.png) no-repeat -765px -362px;}
#wqdpageContentD .wqdaddpagelist p:hover {color:#fff;background:#2dbce6;}
#wqdpageContentD .wqdaddpagelist p:hover i {background-position:-866px -362px;}

/* wqdpageContentD list */
/*装载pageList列表*/
#wqdpageContentD .pageListD {margin:5px 6px 0 15px;height:100%;}
#wqdpageContentD ul.pagedeatllist {margin-right:13px;}/* 给滚动条留位置 */
#wqdpageContentD ul.pagedeatllist li {margin-top:10px;}
#wqdpageContentD ul.pagedeatllist li .pageShow{height:35px;margin-left:10px;padding:4px 0;background:#fff;border:1px solid #dcdcdc;border-radius:4px;cursor:pointer;position:relative;}
#wqdpageContentD ul.pagedeatllist li .pageShow.on,
#wqdpageContentD ul.pagedeatllist li .pageShow:hover{background:#e8f7ff;}
#wqdpageContentD ul.pagedeatllist li .pageShow i{float:left;width:15px;height:100%;margin-left:12px;margin-right:5px;background:url(../../images/v2/design/columnMenu/v3_base.png) no-repeat -717px -312px;}
#wqdpageContentD ul.pagedeatllist li .pageShow i.home{background-position:-667px -312px; !important;}
#wqdpageContentD ul.pagedeatllist li .pageShow i.article{background-position:-667px -412px;}
#wqdpageContentD ul.pagedeatllist li .pageShow em{float:left;width:93px;height:100%;font-size:14px;line-height:25px;font-family:'微软雅黑';font-style: normal;color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#wqdpageContentD ul.pagedeatllist li .pageShow em.edit{background:#FFFFFF; margin:0;}
#wqdpageContentD ul.pagedeatllist li .pageShow em input{background:none;font-family:'微软雅黑';font-style: normal;color:#000;width:93px;border:0;outline:none;}
#wqdpageContentD ul.pagedeatllist li .pageShow b{float:right;height:100%;margin-right:8px;}
#wqdpageContentD ul.pagedeatllist li .pageShow span {display:inline-block;width:25px;height:100%;background:url(../../images/v2/design/columnMenu/v3_base.png) no-repeat;cursor:pointer;}
#wqdpageContentD ul.pagedeatllist li .pageShow span.facBtn1{background-position:-663px -213px;}
#wqdpageContentD ul.pagedeatllist li .pageShow span.facBtn1.on,
#wqdpageContentD ul.pagedeatllist li .pageShow span.facBtn1:hover {background-position:-663px -263px;}
#wqdpageContentD ul.pagedeatllist li .pageShow span.facBtn2{background-position:-763px -213px;}
#wqdpageContentD ul.pagedeatllist li .pageShow span.facBtn2:hover {background-position:-763px -263px;}
#wqdpageContentD ul.pagedeatllist li .pageShow span.facBtn3{background-position:-813px -213px;}
#wqdpageContentD ul.pagedeatllist li .pageShow span.facBtn3:hover {background-position:-813px -263px;}
/* 点击展开页面列表 */
#wqdpageContentD ul.pagedeatllist li .pageShow p.openIcon {position:absolute;top:9px;left:-9px;width:16px;height:16px;background:url(../../images/v2/design/columnMenu/v3_base.png) no-repeat -867px -317px;cursor:pointer;}
#wqdpageContentD ul.pagedeatllist li .pageShow p.openIcon.on {background-position:-917px -317px;}

#wqdpageContentD ul.pagedeatllist i.navnewsicon{float:left;display:inline;background:url(../../images/v2/design/columnMenu/1.png) no-repeat -118px -263px; height:100%; width:15px;}

#wqdpageContentD ul.pagedeatllist li .pageShow:hover i.navnewsicon{background:url(../../images/v2/design/columnMenu/1.png) no-repeat -118px -263px;}

/* 装载sectionList列表 */
#wqdpageContentD .sectionList {margin-left:28px;}
#wqdpageContentD .wqdaddpagebtn {margin-top:10px;width:100%;height:35px;line-height:33px;color:#81d7f0;border:1px solid #81d7f0;border-radius:4px;cursor:pointer;}
#wqdpageContentD .wqdaddpagebtn span {display:inline-block;vertical-align:top;width:20px;height:100%;margin-left:11px;background:url(../../images/v2/design/columnMenu/v3_base.png) no-repeat -816px -358px;}
#wqdpageContentD .wqdaddpagebtn:hover {color:#fff;background:#2dbce6;}
#wqdpageContentD .wqdaddpagebtn:hover span {background-position:-866px -358px;}
/*wqdpageSectionD*/

/*usercontent*/
#wqdpageContentD .sectionList ul li {margin-top:10px;height:35px;padding:4px 0;color:#333;border:1px solid #dcdcdc;border-radius:4px;cursor:pointer;}
#wqdpageContentD .sectionList ul li.on,
#wqdpageContentD .sectionList ul li:hover{background:#e8f7ff;}
#wqdpageContentD .sectionList ul li em,
#wqdpageContentD .sectionList ul li a {float:left;width:100px;height:100%;font-size:14px;font-family:"微软雅黑";line-height:25px;cursor:pointer;overflow: hidden;color: #666;}
#wqdpageContentD .sectionList ul li i {float:left;width:15px;height:100%;margin-left:12px;margin-right:5px;background:url(../../images/v2/design/columnMenu/v3_base.png) no-repeat -717px -312px;}
#wqdpageContentD .sectionList ul.header li i,
#wqdpageContentD .sectionList ul.footer li i {background-position: -717px -412px;}
#wqdpageContentD .sectionList ul li em input { width:110px; border:0;font-family:"微软雅黑"; font-size:14px; color:#333; height:25px; line-height:25px;}
#wqdpageContentD .sectionList ul li b {float:right;height:100%;margin-right:8px;}
#wqdpageContentD .sectionList ul li span {display:inline-block;width:25px;height:100%;background:url(../../images/v2/design/columnMenu/v3_base.png) no-repeat;cursor:pointer;}
#wqdpageContentD .sectionList ul li span.facBtn1{background-position:-763px -213px;}
#wqdpageContentD .sectionList ul li span.facBtn1:hover{background-position:-763px -263px;}
#wqdpageContentD .sectionList ul li span.facBtn2{background-position:-713px -213px;}
#wqdpageContentD .sectionList ul li span.facBtn2:hover{background-position:-713px -263px;}
#wqdpageContentD .sectionList ul li span.facBtn3{background-position:-813px -213px;}
#wqdpageContentD .sectionList ul li span.facBtn3:hover{background-position:-813px -263px;}
ul.userht li a{color:#333;}
ul.userht li a:hover{color:#59c4ff;}

/*wqdPageInfD*/
#wqdPageInfD {display:none;position:fixed;height:100%;width:290px;top:50px;left:310px;z-index:902; background:#fff;border-right:1px solid #cccccc;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
/* wqdPageInfD tab */
#wqdPageInfD ul.tab {display:block;width:100%;height:27px;margin-top:23px;border-bottom:1px solid #dcdcdc;}
#wqdPageInfD ul.tab li {float:left;height:100%;width:33.3%;font-size:14px;color:#666;font-family:"微软雅黑";text-align:center;position:relative;cursor:pointer;}
#wqdPageInfD ul.tab li em {display:none;position:absolute;bottom:-1px;height:3px;width:100%;background:#2dbce6;}
#wqdPageInfD ul.tab li.on em {display:block;}
/* wqdPageInfD infoContent */
#wqdPageInfD ul.infoContent {display:block;width:100%;}
#wqdPageInfD ul.infoContent li {display:none;margin:0 19px;padding-top:18px;}
#wqdPageInfD ul.infoContent li.on {display:block;}
#wqdPageInfD ul.infoContent li .overBtn {margin-top:10px;margin-left:180px;width:70px;height:30px;color:#2dbce6;text-align:center;line-height:28px;border:1px solid #2dbce6;border-radius:13px;cursor:pointer;}
#wqdPageInfD ul.infoContent li .overBtn.on,
#wqdPageInfD ul.infoContent li .overBtn:hover {color:#fff;background:#2dbce6;}
#wqdPageInfD .infoGroup {margin-top:8px;}
#wqdPageInfD .infoGroup span {font-size:14px;color:#333;font-family:"微软雅黑";}
#wqdPageInfD .infoGroup i {display:inline-block;vertical-align:middle;width:20px;height:20px;margin-right:64px;background:url(../../images/v2/design/columnMenu/v3_base.png) no-repeat -1040px -16px;cursor:pointer;}
#wqdPageInfD .infoGroup i:hover {background-position:-1040px -66px;}
#wqdPageInfD .infoGroup i a {display:block;margin:0;padding:0;width:100%;height:100%;}
#wqdPageInfD .infoGroup p, #wqdPageInfD .infoGroup em {margin-top:8px;font-size:12px;color:#999;font-family:"微软雅黑";}
#wqdPageInfD .infoGroup input.selfInput {display:block;width:100%;height:30px;margin-top:8px;padding:0 9px;line-height:30px;color:#666;font-family:"微软雅黑";border:1px solid #dcdcdc;border-radius:4px;}
#wqdPageInfD .infoGroup textarea.selfTextarea {width:100%;height:135px;margin-top:8px;padding:5px;line-height:20px;color:#666;font-family:"微软雅黑";border:1px solid #dcdcdc;border-radius:4px;outline:none;resize:none;}
#wqdPageInfD .infoGroup p.error {color:#ec5656;}

/*wqdSiteSetD*/
/*#wqdSiteSetD{display:none;position:fixed;height:100%;width:240px;background:#676669;box-shadow:0px 0px 10px #676669;top:50px;left:0px;z-index:1100;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
#wqdSiteSetD .hd{border-bottom:1px solid #59575b;}
#wqdSiteSetD .siteul li{background:#676669;border-bottom:1px solid #5a595d;height:40px;padding:7px 0 8px 0;width:100%; cursor:pointer; color:#fefefe;padding-left:20px; line-height:29px; }
#wqdSiteSetD .siteul li.on{background:#fff;}
#wqdSiteSetD .siteul li i{margin-right:10px; position:relative; top:2px;}
#wqdSiteSetD .siteul i.inf{display:inline-block;background:url(../../../images/v2/design/columnMenu/1.png) no-repeat -230px -267px; width:14px; height:14px;}
#wqdSiteSetD .siteul i.qqf{display:inline-block;background:url(../../../images/v2/design/columnMenu/1.png) no-repeat -178px -269px; width:15px; height:12px;}
#wqdSiteSetD .siteul li.on,
#wqdSiteSetD .siteul li:hover{background:#fff url(../../../images/v2/design/columnMenu/1.png) no-repeat -282px -255px; color:#333;}*/

/*component*/
#wqdComponentD {display:none;position:fixed;top:50px;left:50px;height:100%;width:370px;background:#fff;z-index:1100;
    /*border-right:1px solid #cccccc;*/
    box-shadow: #bebebe 1px 3px 2px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
#wqdComponentD .left {float:left;width:90px;height:100%;border-right:1px dashed #dcdcdc;}
#wqdComponentD .left ul {margin-top:10px;}
#wqdComponentD .left ul li {display:block;width:100%;height:40px;overflow:hidden;text-align:center;}
#wqdComponentD .left ul li em {display:inline-block;height:30px;margin:5px auto;padding:0 10px;font-size:14px;font-family:"微软雅黑";color:#333;line-height:30px;text-align:center;border-radius:15px;cursor:pointer;}
#wqdComponentD .left ul li.on em,
#wqdComponentD .left ul li em:hover {background:#2dbce6;color:#fff;}
#wqdComponentD .right {float:right;height:100%;margin:5px 6px 0 0;}

/*component公用css*/
.wqdComponents {display:none;height:100%;width:260px;background:#fff;z-index:1200;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.wqdComponents ul {display:block;margin:20px 0 0 0;}
.wqdComponents ul li {display:block;width:100%;cursor:pointer;color:#000;margin:0;margin-top:0px;cursor: move;}

/*component--text*/
#wqdComponentTextD{}
#wqdComponentTextD ul li h1,
#wqdComponentTextD ul li h2,
#wqdComponentTextD ul li h3,
#wqdComponentTextD ul li h4,
#wqdComponentTextD ul li p {display:inline-block;white-space:nowrap;}

/*component--img*/
#wqdComponentImgD ul {margin-left:10px;}
#wqdComponentImgD ul {display: inline-block;}
#wqdComponentImgD ul li {display:inline-block;width:105px;min-height:70px;text-align:center;margin:0 15px 10px 0;}

/*component--icon*/
.wqdComponents.wqdComponentIconD ul {margin-left:8px;}
.wqdComponents.wqdComponentIconD ul {display: inline-block;}
.wqdComponents.wqdComponentIconD ul li {display:inline-block;width:70px;height:70px;line-height:70px;text-align:center;margin:0 10px 10px 0;}
.wqdComponents.wqdComponentIconD ul li .selfIcon {width:70px;height:70px;background:#eee;border-radius:20px;}

/*component--drawing*/
.wqdComponentDrawingD ul {margin-left:10px;}
.wqdComponentDrawingD ul {display: inline-block;}
.wqdComponentDrawingD ul li {
    display: block;
    float: left;
    width: auto;
    text-align: center;
    margin: 0 28px 15px 0;
}
.wqdComponentDrawingD svg.temp-svg-third {
    margin-right:20px;
}

.wqdComponentDrawingD ul li .wqd-svg {display:inline-block;vertical-align: middle;}

/*component--button*/
#wqdComponentButtonD {width:271px;}
#wqdComponentButtonD ul {margin-left:0px;}
#wqdComponentButtonD ul li {display: inline-block;vertical-align: middle;width:132px;text-align: center;margin:0 0 10px 0;}

/*component--carousel*/
#wqdComponentCarouselD ul {margin-left:10px;}
#wqdComponentCarouselD ul {
    margin:0;
    width: 240px;
}
#wqdComponentCarouselD ul li {padding-top:20px;text-align: center;margin:0 auto;}

/*component--map*/
#wqdComponentMapD ul {margin-left:10px;}
#wqdComponentMapD ul {margin:0 auto;}
#wqdComponentMapD ul li {padding-top:20px;text-align: center;margin:0 auto;}

/*component--control--tab*/
#wqdControlTabD ul {margin-left:10px;}
#wqdControlTabD ul {margin:0 auto;}
#wqdControlTabD ul li {padding-top:20px;text-align: center;margin:0 auto;}
#wqdControlTabD ul li .componenTab{width:100%; border:1px solid #000;}
#wqdControlTabD ul li .componenTab td{height: 20px;line-height:20px; }
#wqdCompcanMoveD .componenTab{width:238px; border:1px solid #000;}
#wqdCompcanMoveD .componenTab td{height: 20px;line-height:20px; }

/*component--control--picture*/
#wqdControlPictureD ul {margin-left:10px;}
#wqdControlPictureD ul {margin:0 auto;}
#wqdControlPictureD ul li {padding-top:20px;text-align: center;margin:0 auto;}
#wqdControlPictureD ul li .wqdDAtlas{width:240px; height:auto;border:2px solid #dcdcdc;}
#wqdControlPictureD ul li .wqdDAtlas:hover{border:2px solid #59c4ff;}
#wqdControlPictureD ul li .wqdDAtlas img{ width:100%; }
#wqdCompcanMoveD .wqdDAtlas{width:240px; height:173px;}
#wqdCompcanMoveD .wqdDAtlas img{ width:100%;}

/*component--control--single----网站验证*/
#wqdSingleCheckStationD ul {margin-left:10px;}
#wqdSingleCheckStationD ul {margin:0 auto;}
#wqdSingleCheckStationD ul li {padding-top:20px;text-align: center;margin:0 auto;}

/*component--control--form*/
#wqdControlFormD ul {margin-left:10px;}
#wqdControlFormD ul {margin:0 auto;width:240px;}
#wqdControlFormD ul li {display:inline-block;width:auto;padding-top:20px;text-align: center;margin:0 auto;}
#wqdControlFormD ul li .wqdDFormEl .mimeForm {background:#fff;width:240px;height:60px;color:#666;text-align:center;font-size:14px;line-height:60px;border:1px dashed #1ec1fd;}
#wqdControlFormD ul li .wqdDFormEl .mimeInput {background:#fff;height:40px;width:240px;padding-left:10px;text-align:left;color:#666;font-size:14px;line-height:40px;border:1px solid #dcdcdc;border-radius:4px;}
#wqdControlFormD ul li .wqdDFormEl .mimeTextarea {background:#fff;height:100px;width:240px;padding-left:10px;text-align:left;color:#666;font-size:14px;line-height:40px;border:1px solid #dcdcdc;border-radius:4px;}
#wqdControlFormD ul li .wqdDFormEl .mimeTextarea span {float:right;height:100%;width:14px;background:url(../../images/v2/design/columnMenu/2.png) no-repeat -120px 0;}
#wqdControlFormD ul li .wqdDFormEl .mimeRadio {width:120px;height:20px;text-align:left;color:#666;font-size:14px;line-height:20px;}
#wqdControlFormD ul li .wqdDFormEl .mimeRadio span {float:left;margin-left:20px;width:26px;height:100%;background:url(../../images/v2/design/columnMenu/2.png) no-repeat -12px -10px;}
#wqdControlFormD ul li .wqdDFormEl .mimeCheckbox {width:120px;height:20px;text-align:left;color:#666;font-size:14px;line-height:20px;}
#wqdControlFormD ul li .wqdDFormEl .mimeCheckbox span {float:left;margin-left:20px;width:26px;height:100%;background:url(../../images/v2/design/columnMenu/2.png) no-repeat -152px -10px;}
#wqdControlFormD ul li .wqdDFormEl .mimeSelect {background:#fff;height:40px;width:240px;padding-left:10px;text-align:left;color:#666;font-size:14px;line-height:40px;border:1px solid #dcdcdc;border-radius:4px;}
#wqdControlFormD ul li .wqdDFormEl .mimeSelect span {float:right;height:100%;width:40px;background:url(../../images/v2/design/columnMenu/2.png) no-repeat -40px 0;}
#wqdControlFormD ul li .wqdDFormEl .mimeDatePicker {background:#fff;height:40px;width:240px;padding-left:10px;text-align:left;color:#666;font-size:14px;line-height:40px;border:1px solid #dcdcdc;border-radius:4px;}
#wqdControlFormD ul li .wqdDFormEl .mimeDatePicker span {float:right;height:100%;width:40px;background:url(../../images/v2/design/columnMenu/2.png) no-repeat -80px 0;}
#wqdControlFormD ul li .wqdDFormEl .mimeButton {width:90px;height:40px;background:#78bade;font-size:14px;color:#fff;text-align:center;line-height:40px;border-radius:4px;}
#wqdCompcanMoveD .wqdDFormEl .mimeForm {background:#fff;width:240px;height:60px;color:#666;text-align:center;font-size:14px;line-height:60px;border:1px dashed #1ec1fd;}
#wqdCompcanMoveD .wqdDFormEl .mimeInput {background:#fff;height:40px;width:240px;padding-left:10px;text-align:left;color:#666;font-size:14px;line-height:40px;border:1px solid #dcdcdc;border-radius:4px;}
#wqdCompcanMoveD .wqdDFormEl .mimeTextarea {background:#fff;height:100px;width:240px;padding-left:10px;text-align:left;color:#666;font-size:14px;line-height:40px;border:1px solid #dcdcdc;border-radius:4px;}
#wqdCompcanMoveD .wqdDFormEl .mimeTextarea span {float:right;height:100%;width:14px;background:url(../../images/v2/design/columnMenu/2.png) no-repeat -120px 0;}
#wqdCompcanMoveD .wqdDFormEl .mimeRadio {width:120px;height:20px;text-align:left;color:#666;font-size:14px;line-height:20px;}
#wqdCompcanMoveD .wqdDFormEl .mimeRadio span {float:left;margin-left:20px;width:26px;height:100%;background:url(../../images/v2/design/columnMenu/2.png) no-repeat -12px -10px;}
#wqdCompcanMoveD .wqdDFormEl .mimeCheckbox {width:120px;height:20px;text-align:left;color:#666;font-size:14px;line-height:20px;}
#wqdCompcanMoveD .wqdDFormEl .mimeCheckbox span {float:left;margin-left:20px;width:26px;height:100%;background:url(../../images/v2/design/columnMenu/2.png) no-repeat -152px -10px;}
#wqdCompcanMoveD .wqdDFormEl .mimeSelect {background:#fff;height:40px;width:240px;padding-left:10px;text-align:left;color:#666;font-size:14px;line-height:40px;border:1px solid #dcdcdc;border-radius:4px;}
#wqdCompcanMoveD .wqdDFormEl .mimeSelect span {float:right;height:100%;width:40px;background:url(../../images/v2/design/columnMenu/2.png) no-repeat -40px 0;}
#wqdCompcanMoveD .wqdDFormEl .mimeDatePicker {background:#fff;height:40px;width:240px;padding-left:10px;text-align:left;color:#666;font-size:14px;line-height:40px;border:1px solid #dcdcdc;border-radius:4px;}
#wqdCompcanMoveD .wqdDFormEl .mimeDatePicker span {float:right;height:100%;width:40px;background:url(../../images/v2/design/columnMenu/2.png) no-repeat -80px 0;}
#wqdCompcanMoveD .wqdDFormEl .mimeButton {width:90px;height:40px;background:#78bade;font-size:14px;color:#fff;text-align:center;line-height:40px;border-radius:4px;}

/*component--control--share*/
#wqdComponentShareD ul {margin:0 auto;margin-top:20px;}
#wqdComponentShareD ul li {padding-top:0;text-align: center;margin:0 auto;}
#wqdComponentShareD ul li ul.wqdDShare {display:inline-block;width:auto;margin:0 auto;margin-bottom:15px;text-align: center;}
#wqdComponentShareD ul li ul.wqdDShare li{display:inline-block;vertical-align: middle;width:36px;height:36px;padding:0;margin-right:8px;}
#wqdCompcanMoveD ul.wqdDShare {width:100%;margin:0 auto;text-align: center;}
#wqdCompcanMoveD ul.wqdDShare li{display:inline-block;vertical-align: middle;width:36px;height:36px;padding:0;margin-right:8px;}

/*component--control--follow*/
#wqdComponentFollowD ul {margin:0 auto;margin-top:20px;}
#wqdComponentFollowD ul li {padding-top:0;text-align: center;margin:0 auto;}
#wqdComponentFollowD ul li ul.wqdDFollow {display:inline-block;width:auto;margin:0 auto;margin-bottom:15px;text-align: center;}
#wqdComponentFollowD ul li ul.wqdDFollow li{display:inline-block;vertical-align: middle;width:36px;height:36px;padding:0;margin-right:8px;}
#wqdCompcanMoveD ul.wqdDFollow {width:100%;margin:0 auto;text-align: center;}
#wqdCompcanMoveD ul.wqdDFollow li{display:inline-block;vertical-align: middle;width:36px;height:36px;padding:0;margin-right:8px;}

/*component--control--relative*/
#wqdControlRelativeD ul {margin:0 auto;margin-top:20px;}
#wqdControlRelativeD ul li {padding-top:0;text-align: center;margin:0 auto;}

/*component--control--video*/
#wqdControlVideoD ul {margin:0 auto;}
#wqdControlVideoD ul li {padding-top:20px;text-align: center;margin:0 auto;}

/*component--control--navigate*/
#wqdControlNavigateD ul {margin:0 auto;}
#wqdControlNavigateD ul li {padding-top:20px;text-align: center;margin:0 auto;}

/*component--control--article*/
#wqdControlArticleD ul {margin:0 auto;}
#wqdControlArticleD ul li {padding-top:20px;text-align: center;margin:0 auto;}

/*wqdsysremovePage*/
.wqdsysremovePage{ height:240px;width:500px;}
.wqdsysremovePage .hd{background:#ff6a6a;padding-left:20px;border-radius:4px 4px 0 0;line-height:50px; height:50px;position:relative; }
.wqdsysremovePage .hd h1{font-size:16px;color:#fff;line-height:50px; height:50px;}
.wqdsysremovePage .hd em{display:block;position:absolute;cursor:pointer;}
.wqdsysremovePage .hd .wqdsyshelp{display:none;background:url(../../images/v2/design/columnMenu/1.png) no-repeat -278px -717px; width:16px; height:16px; right:48px;top:18px;}
.wqdsysremovePage .hd .wqdsyshelp:hover{background:url(../../images/v2/design/columnMenu/1.png) no-repeat -278px -667px;}
.wqdsysremovePage .hd .wqdsysclose{background:url(../../images/v2/design/columnMenu/1.png) no-repeat -353px -719px; width:12px; height:12px; right:21px;top:19px;}
.wqdsysremovePage .hd .wqdsysclose:hover{background:url(../../images/v2/design/columnMenu/1.png) no-repeat -353px -669px;}
.wqdsysremovePage .bd{height:190px; padding:30px 30px 25px 30px;font-size:14px;background:#fff; color:#000;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.wqdsysremovePage .bd em{font-weight:bold;color:#ff6a6a;}
.wqdsysremovePage .bd p{text-align:right; margin-top:80px; }
.wqdsysremovePage .bd span{display:inline-block;text-align:center;color:#fff;width:90px; height:30px; line-height:30px;margin-left:10px; cursor:pointer;}
.wqdsysremovePage .bd span.q{background:url(../../images/v2/design/columnMenu/1.png) no-repeat 0 -650px;}
.wqdsysremovePage .bd span.q:hover{background:url(../../images/v2/design/columnMenu/1.png) no-repeat 0 -690px;}
.wqdsysremovePage .bd span.r{background:url(../../images/v2/design/columnMenu/1.png) no-repeat -125px -650px;}
.wqdsysremovePage .bd span.r:hover{background:url(../../images/v2/design/columnMenu/1.png) no-repeat -125px -690px;}


/*fabubdbox*/
.fabubdbox{position: fixed;left: 50%;top: 50%;margin-top: -153px;margin-left: -235px; width: 470px;height: 306px;background-color: #fff;border-radius:4px;font-size: 14px;color: #333;}
.fabubdbox .wqdReleaseBgimg{background: url(../../images/v2/design/columnMenu/v3_base.png) no-repeat;}
.fabubdbox .hd{height: 50px;border-top-left-radius:4px;border-top-right-radius:4px;padding: 0 12px 0 20px;background: #2dbce6;}
.fabubdbox .hd h1{float: left;line-height: 50px;font-size: 16px;color: #fff;font-weight: 400;}
.fabubdbox .hd a{float: right;display: inline;width: 24px;height: 24px;margin-top: 13px;}
.fabubdbox .hd a.closePush{background-position: -13px -561px;}
.fabubdbox .hd a.closePush:hover{background-position: -13px -561px;}
.fabubdbox .hd a.helpPush{background-position: -63px -561px;}
.fabubdbox .hd a.helpPush:hover{background-position: -63px -561px;}
.fabubdbox .bd{padding: 34px 0 0 30px;}
.fabubdbox .yx-group label{display: inline-block;line-height: 35px;}
.fabubdbox .margBtm5 input{display: inline-block;width: 330px;height: 35px;border: 1px solid #dcdcdc;border-radius: 4px;padding: 0 10px;}
.fabubdbox .margBtm10{margin-top: 10px;}
.fabubdbox .margBtm10 .yx-station{display: inline-block;width: 330px; line-height: 32px;height: 35px;border: 1px solid #dcdcdc;border-radius: 4px;padding: 0 0 0 10px;vertical-align: middle;}
.fabubdbox .nameHint{line-height: 30px;font-size: 12px;padding-left: 72px;color: #ec5656;visibility: hidden;}
.fabubdbox .yx-station .yx-input{display: inline-block;width: 280px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fabubdbox .yx-station .reload{float: right;width: 35px;height: 33px;border-left: 1px solid #dcdcdc;background-position: -358px -559px;cursor: pointer;}
.fabubdbox .changeDomin{padding-left: 77px;font-size: 12px;margin-top: 5px;}
.fabubdbox .changeDomin a{color: #2dbce6;}
.fabubdbox .changeDomin a:hover{text-decoration: underline;}
.fabubdbox .bd .eam{margin-top: 25px;text-align: center;width: 408px;}
.fabubdbox .bd .eam .ffb{display: inline-block;width: 130px;line-height: 28px;border:1px solid #2dbce6;color: #2dbce6;border-radius: 18px;}
.fabubdbox .bd .eam .ffb.ffb-wait,.fabubdbox .bd .eam .ffb.ffb-wait:hover {

}
.fabubdbox .bd .eam .ffb:hover{background-color: #2dbce6;color: #fff;}
.fabubdbox .bd2{display: none; padding: 24px 0 0 30px;}
.fabubdbox .bd2 .bd2-h1{line-height: 30px;}
.fabubdbox .bd2 .bd2-text{margin-top:10px;}
.fabubdbox .bd2 .bd2-text a{color: #2dbce6;}
.fabubdbox .bd2 .bd2-text a:hover{text-decoration: underline;}
.fabubdbox .bd2 .share{margin-top: 25px;}
.fabubdbox .share .shareText{float: left;padding-top: 4px;}
.fabubdbox .share .shareImg{float: left;margin-left: 5px;}
.fabubdbox .share .shareBtn {float: left;margin-left: 32px;padding-top: 15px;}
.fabubdbox .shareBtn a{display: block;width: 110px;height: 30px;}
.fabubdbox .shareBtn a.designshareweibo{background-position: -232px -560px;}
.fabubdbox .shareBtn a.designshareweibo:hover{background-position: -232px -610px;}
.fabubdbox .shareBtn a.designshareqq{background-position: -107px -560px;margin-top:25px;}
.fabubdbox .shareBtn a.designshareqq:hover{background-position: -107px -610px;}

.wqdDHoverContainer {
    width: 240px;
}
.wqdDHoverContainer .wqd-hoverContainer {
    background: #fff;
    width: 240px;
    height: 160px;
    line-height: 160px;
    color: #666;
    text-align: center;
    font-size: 14px;
    border: 1px dashed #1ec1fd;
}
/*.hoverCon-section {width:0 !important;}*/
/*元素编辑器liumingren*/
body,.wqdSectiondiv,.wqd-carouseOverlay{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	/*overflow: hidden;*/
}
.wqdelementEdit{
	position:absolute;
    cursor: move;
}
.wqd-form.wqdControlForm [data-elementtype=formSelect]>.wqdelementEditBox, .wqd-form.wqdControlForm [data-elementtype=formDate]>.wqdelementEditBox {
    overflow: hidden;
}
.wqdelementEdit.wqdselected:before{content:'';position: absolute;top:0px;left:0px;right:0;bottom:0;border:1px solid #60c1ff!important;}
.wqdelementEdit.onEditing {border: #48beef;}
.wqd-carouseOverlay-box .wqdelementEdit[data-elementtype="carouse"] {cursor:default;}
.wqd-carouseOverlay-box .wqdelementEdit.wqdselected[data-elementtype="line"]:before {position:absolute;content:"";top:0;bottom:0;left:0;right:0;border: solid 1px #60c1ff;}
.wqdelementEdit a{cursor: move;}
.wqdelementEdit[data-elementtype="text"] em {font-style: italic;}
.onDraging > .wqdelementEdit {opacity:0.5;}
.onDraging .wqdelementEdit.onDragingElement {
	opacity: 1;
}
.wqdelementEdit .wqdelementEditBox,.wqdelementEdit .wqdelementContent {width: 100%;height: 100%;overflow: hidden;position: absolute;z-index: 1;}
.wqdelementEdit .resizeL,
.wqdelementEdit .resizeT,
.wqdelementEdit .resizeR,
.wqdelementEdit .resizeB,
.wqdelementEdit .resizeLT,
.wqdelementEdit .resizeTR,
.wqdelementEdit .resizeLB{position:absolute;/*overflow:hidden;*/opacity:1;filter:alpha(opacity=0);z-index: 99;}
.wqdelementEdit .resizeL,
.wqdelementEdit .resizeR{top:0;width:5px;height:100%;cursor:w-resize;}
.wqdelementEdit .resizeL{border-left: solid 1px #60c1ff;}
.wqdelementEdit .resizeR{right:0;border-right: solid 1px #60c1ff;}
.wqdelementEdit .resizeT,
.wqdelementEdit .resizeB{width:100%;height:5px;cursor:n-resize;}
.wqdelementEdit .resizeT{top:0;border-top: solid 1px #60c1ff;}
.wqdelementEdit .resizeB{bottom:0;border-bottom: solid 1px #60c1ff;}
.wqdelementEdit .resizeLT,
.wqdelementEdit .resizeTR,
.wqdelementEdit .resizeLB,
.wqdelementEdit .resizeBR{width:10px;height:10px;background:#fff;border: solid 1px #3899ec;border-radius: 5px;}
.wqdelementEdit .resizeBR{position:absolute;right:-4px;bottom:-4px;overflow:hidden;cursor:nw-resize;z-index: 99;}
.wqdelementEdit .resizeLT{top:-4px;left:-4px;cursor:nw-resize;}
.wqdelementEdit .resizeTR{top:-4px;right:-4px;cursor:ne-resize;}
.wqdelementEdit .resizeLB{left:-4px;bottom:-4px;cursor:ne-resize;}
.wqdelementEdit .resizeL:before,
.wqdelementEdit .resizeT:before,
.wqdelementEdit .resizeR:before,
.wqdelementEdit .resizeB:before{content:"";position:absolute;display:block;width:10px;height:10px;background:#fff;border: solid 1px #60c1ff;border-radius: 5px;z-index: 999;}
.wqdelementEdit .resizeL:before {top:50%;left:-5px;transform:translateY(-50%);}
.wqdelementEdit .resizeT:before {left:50%;top:-5px;transform:translateX(-50%);}
.wqdelementEdit .resizeR:before {top:50%;right:-5px;transform:translateY(-50%);}
.wqdelementEdit .resizeB:before {left:50%;bottom:-5px;transform:translateX(-50%);}
/*编辑工具栏*/
.elementToolbar {
	position: absolute;height: 50px;z-index: 999;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;
}
.elementToolbar .elemBtnBox {
	position:relative;margin-top: 10px;width:30px;height: 30px;background-color: #fff;border-radius: 25px;box-shadow: 0px 0px 6px rgba(0,0,0,0.2);text-align: center;
	display: inline-block;margin-right: 10px;vertical-align: top;
}
.elementToolbar .elemBtnBox:hover,.elemBtnBox.on {
	background-color: #49a2d2;color: #fff;
}
.elementToolbar .elemBtnBox.delete:hover {
	background-color: #ff6a6a;
}
.elementToolbar .elemBtn {
	width:20px;height: 20px;margin: 0 auto;margin-top: 6px;display: block;
}
.elementToolbar .elemText {
	display: none;font-size: 12px;width: 30px;height: 30px;line-height: 30px;vertical-align: top;cursor: pointer;
}
.elementToolbar .elemBtnBox:hover .elemBtn ,.elemBtnBox.on .elemBtn {
	display: none;
}
.elementToolbar .elemBtnBox:hover .elemText ,.elemBtnBox.on .elemText {
	display: inline-block;vertical-align: top;
}
/*文章内容图标*/
.elemBtnBox.article .elemBtn{
	background: url(../../images/v2/design/elementEdit/btn.png) no-repeat center -580px;
}
.elemBtnBox.setting .elemBtn{
	background: url(../../images/v2/design/elementEdit/btn.png) no-repeat center 0px;
}
.elemBtnBox.zindex .elemBtn {
	background: url(../../images/v2/design/elementEdit/btn.png) no-repeat center -40px;
}
.elemBtnBox.delete .elemBtn {
	background: url(../../images/v2/design/elementEdit/btn.png) no-repeat center -80px;
}
.elemBtnBox.help .elemBtn {
	background: url(../../images/v2/design/elementEdit/btn.png) no-repeat center -120px;
}
.elemBtnBox.dogroup .elemBtn {
	background: url(../../images/v2/design/elementEdit/btn.png) no-repeat center -237px;
}
.elemBtnBox.removegroup .elemBtn {
	background: url(../../images/v2/design/elementEdit/btn.png) no-repeat center -197px;
}
.elemBtnBox.copy .elemBtn {
	background: url(../../images/v2/design/elementEdit/btn.png) no-repeat center -276px;
}
.elemBtnBox.carouseAddElement .elemBtn {
	background: url(../../images/v2/design/elementEdit/btn.png) no-repeat center -318px;
}
.elemBtnBox.addFreeContainer .elemBtn {
	background: url(../../images/v2/design/elementEdit/btn.png) no-repeat center -523px;
}
/*对齐*/
.elemBtnBox.align .elemBtn{
	background: url(../../images/v2/design/elementEdit/btn.png) no-repeat center -358px;
}
/*分布*/
.elemBtnBox.distribute .elemBtn{
	background: url(../../images/v2/design/elementEdit/btn.png) no-repeat center -446px;
}
.elemBtnBox.animate .elemBtn{
	background: url(../../images/v2/design/elementEdit/btn.png) no-repeat center -402px;
}

.elemBtnBox .elenentToolbarContext {
	position: absolute;
	top:38px;
	display: none;
	width: 74px;
	font-size: 12px;
    padding: 4px 0;
    background: #fff;
	border-radius: 4px;
	left:24px;
	-webkit-transform: translateX(-23px);
	-ms-transform: translateX(-23px);
	-o-transform: translateX(-23px);
	transform: translateX(-23px);
	box-shadow: 0px 0px 6px #ccc;
}
.elemBtnBox .elenentToolbarContext:before {
    position: absolute;
    content: "";
    top: -12px;
    left: 7px;
    height: 0;
    width: 0;
    overflow: hidden;
    border: 6px #fff solid;
    border-color: transparent transparent #fff transparent;
}
.elemBtnBox .elenentToolbarContext li {
	color: #333;
	line-height: 28px;
	background-color: #fff;
	border-bottom: solid 1px #ebebeb;
	cursor: pointer;
}
.elemBtnBox .elenentToolbarContext li:last-child {
	border: none;
}
.elemBtnBox .elenentToolbarContext li:hover {
	background-color: #d8f1ff;
}
body > .elemResizeInfo {height: 28px;line-height: 28px;padding-left:10px;background-color: #eee;border-radius:5px;position: absolute;z-index: 1000;}
.moveCursor {cursor: move;}

/*元素*/
.wqd-img ,.wqd-img img ,.wqd-ebs img{width: 100%;}
.wqdelementEdit[data-elementtype=svg] .wqdelementEditBox {
	text-align: center;
}
.wqdelementEdit svg {height: 100%;width: 100%;}
.wqdelementEdit .wqdImgLinkV2 {
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
.wqd-button ,a.wqd-button:visited,a.wqd-button:hover,a.wqd-button:focus{width: 100%;color: #fff;vertical-align:middle;text-decoration: none;text-align:center;display: inline-block;height: 100%;}
.wqd-button > em {position: relative;top: 50%;display:block;transform: translateY(-50%);}
.wqd-icon {display: block;}
.wqd-icon .fa {display: block !important;}
/*元素遮罩*/
.wqd-carouseOverlay {
    background: url(../../images/v2/design/elementEdit/overlay.png) repeat 0 0;
    cursor: pointer;
/*    opacity: 0.9;
    filter: alpha(opacity = 90);*/
    visibility: visible;
    display: block;
    position: fixed;;
    overflow: visible;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 998;
}
.wqd-carouseOverlay .wqdCarousel  {
	opacity: 1;
	filter: alpha(opacity = 100);
	background-color: #fff;
}
.wqd-carouseOverlay .wqdelementEdit.wqdArticleListContainer {
    top:50% !important;
    left:50% !important;
    -webkit-transform: translate(-50%) !important;
    -ms-transform: translate(-50%) !important;
    -o-transform: translate(-50%) !important;
    transform: translate(-50%) !important;
}
body[data-carouseediting=true] .elementToolbar {
	z-index: 1010;
}

/*旋转*/
.wqdelementEdit .rotationdiv {
	position: absolute;
	width: 26px;
	height: 26px;
	top:-27px;
	left:-26px;
	border-radius: 25px;
	box-shadow: 0px 0px 6px #ccc;
	background: #fff url(../../images/v2/design/elementEdit/btn.png) no-repeat center -154px;
}
.rotationdiv .rotationAngle {
    line-height: 20px;
    position: absolute;
    left: 33px;
    height: 20px;
    padding: 0 6px;
    text-align: center;
    word-wrap: normal;
    word-break: normal;
    border-radius: 4px;
    background: #eee;
    display: none;
}
.onRotating .rotationAngle {display: block;}
.rotationdiv .rotationClear {
	position: absolute;
	width: 20px;
	height: 20px;
	top: -24px;
    left: 2px;
	border-radius: 25px;
	box-shadow: 0px 0px 6px #ccc;
	background: #fff url(../../images/v2/design/elementEdit/btn.png) no-repeat center -478px;
    display: none;
    cursor:auto;
}
.wqdelementEdit[data-rotate] .rotationClear {
    display: block;
}
.sectionDragCtrl {
    width:100%;
    height:5px;
    cursor: n-resize;
    position: absolute;
    bottom: 0;
    z-index: 6;
}

/*设计器左侧元素列表*/
.wqdDtext {
    padding-right:1px;
}
.wqd-button.temp-view-button-1,
.wqd-button.temp-view-button-1:hover{
    width: 120px;
    height: 45px;

    background: #3d9be9;
}
.wqd-button.temp-view-button-2,
.wqd-button.temp-view-button-2:hover {
    width: 120px;
    height: 45px;

    color: #75c55d;
    border: 2px solid #75c55d;
    border-radius: 5px;
    background: #fff;
}
.wqd-button.temp-view-button-3,
.wqd-button.temp-view-button-3:hover {
    position: relative;

    overflow: hidden;

    width: 120px;
    height: 40px;

    color: #fff;
}
.wqd-button.temp-view-button-4,
.wqd-button.temp-view-button-4:hover {
    position: relative;

    overflow: hidden;

    width: 120px;
    height: 40px;

    color: #fff;
}
.wqd-button.temp-view-button-5,
.wqd-button.temp-view-button-5:hover {
    width: 70px;
    height: 70px;

    color: #fff;
    border-radius: 50%;
    background: #337ab7;
}
.wqd-button.temp-view-button-6,
.wqd-button.temp-view-button-6:hover {
    width: 70px;
    height: 70px;

    color: #fff;
    background: #deb184;
}
.wqd-button.temp-view-button-7,
.wqd-button.temp-view-button-7:hover {
    position: relative;

    overflow: hidden;

    width: 83px;
    height: 70px;

    color: #fff;
}
.wqd-button.temp-view-button-8,
.wqd-button.temp-view-button-8:hover {
    width: 120px;
    height: 45px;

    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background: #3dc288;
}
.wqd-button.temp-view-button-9,
.wqd-button.temp-view-button-9:hover {
    position: relative;

    overflow: hidden;

    width: 120px;
    height: 40px;

    color: #fff;
}
.wqd-button.temp-view-button-10,
.wqd-button.temp-view-button-10:hover {
    position: relative;

    overflow: hidden;

    width: 120px;
    height: 45px;

    color: #fff;
}

/*右键菜单 */
.smart_menu_box {
    position: absolute;
    z-index: 1999;

    display: none;

    width: 140px;
}
.smart_menu_body {
    /*padding:1px; border:1px solid #B8CBCB;*/ background-color: #fff;
    -webkit-box-shadow: 2px 2px 5px #666;
       -moz-box-shadow: 2px 2px 5px #666;
            box-shadow: 2px 2px 5px #666;
}
.smart_menu_ul {
    margin: 0;
    padding: 0;

    list-style-type: none;
}
.smart_menu_li {
    position: relative;
}
.smart_menu_a {
    font-size: 12px;
    line-height: 24px;

    display: block;
    overflow: hidden;

    height: 25px;
    padding: 0 5px 0 25px;

    text-decoration: none;

    color: #000;
}
.smart_menu_a:hover,
.smart_menu_a_hover {
    text-decoration: none;
    color: #fff;
    background-color: #348ccc;
}

.smart_menu_li_separate {
    font-size: 0;
    line-height: 0;
    margin: 3px;
    border-bottom: 1px solid #b8cbcb;
}

.smart_menu_triangle {
    position: absolute;
    top: 7px;
    right: 5px;

    overflow: hidden;

    width: 0;
    height: 0;

    border: 5px dashed transparent;
    border-left: 5px solid #666;
}

.smart_menu_a:hover .smart_menu_triangle,
.smart_menu_a_hover .smart_menu_triangle {
    border-left-color: #fff;
}
.smart_menu_li_hover .smart_menu_box {
    top: -1px;
    left: 130px;
}

/*右键菜单 end*/

/*通条剪切板*/
.clearfloat:after{display: block;content: "";clear: both;}
.pull-left{float: left;}
.pull-right{float: right;}
.wqdUpdateCutBox{position: absolute;width: 100%;bottom: 100px;background: #fff;-webkit-transition: bottom .5s ease-in-out;-moz-transition: bottom .5s ease-in-out;-ms-transition: bottom .5s ease-in-out;transition: bottom .5s ease-in-out;}
.wqdUpdateCutBox .togglebtn{padding: 7px 20px;font-size: 18px;color:#666;cursor: pointer;}
.wqdUpdateCutBox .togglebtn i.fa{margin-top: 5px;}
.wqdUpdateCutBox .togglebtn span.tit i{margin-top:0px;float: left;}
.wqdUpdateCutBox .togglebtn span.tit b.cutit{font-size: 14px;}
.wqdUpdateCutBox .togglebtn span.tit b.full{font-size: 12px;display: inline-block;width: 40px;height: 20px;line-height: 20px;text-align: center;background: #dff3ff;border-radius: 15px;opacity: 0;}
.wqdUpdateCutBox .togglebtn span.tit b.on{opacity: 1;}
.wqdUpdateCutBox.slideTogglet{bottom: -20px;}
.wqdUpdateCutBox.slideTogglew{bottom: 20px;}
.wqdUpdateCutBox.slideToggleo{bottom: 60px;}
.wqdUpdateCutBox.slideTogglet p>i,
.wqdUpdateCutBox.slideTogglew p>i,
.wqdUpdateCutBox.slideToggleo p>i{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.wqdUpdateCutBox .togglebtn:hover i{color: #59C4FF;}
.wqdUpdateCutBox ul li:first-child,
.wqdUpdateCutBox .togglebtn{border-top: 1px solid #dcdcdc;}
#wqdpageSectionD ul li span.facBtn8,
.wqdUpdateCutBox .togglebtn span.tit i{background-position: -370px -112px;}
#wqdpageSectionD ul li span.facBtn8{margin-top: 5px;}
#wqdpageSectionD ul li span.facBtn8:hover{background-position: -370px -162px;}
.wqdControlFormEl1 input,
.wqdControlFormEl2 textarea,
.wqdControlFormEl6 input {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}

/*弹窗表格样式*/
#smartMenu_wqdtablecss  ul>li:nth-of-type(1),#smartMenu_wqdtablecss  ul>li:nth-of-type(2),#smartMenu_wqdtablecss  ul>li:nth-of-type(3),#smartMenu_wqdtablecss  ul>li:nth-of-type(4){height:45px; line-height: 33px; }
#smartMenu_wqdtablecss  ul>li:nth-of-type(1),#smartMenu_wqdtablecss  ul>li:nth-of-type(3){ padding-top: 10px; }
#smartMenu_wqdtablecss  ul>li:nth-of-type(2),#smartMenu_wqdtablecss  ul>li:nth-of-type(4){ padding-top: 5px; border-bottom:1px solid #ededed; }
#smartMenu_wqdtablecss  ul>li span:nth-of-type(1){float: left; width: 16px; height: 16px; background: url(../../images/v2/design/columnMenu/table.png) no-repeat; margin:8px 12px 0 10px;}
#smartMenu_wqdtablecss  ul>li input{float: left; height: 30px; width: 82px; border:1px solid #dcdcdc; border-radius: 4px;}
#smartMenu_wqdtablecss  ul>li span:nth-of-type(2){float:left; width: 26px; height: 26px; margin-left: 8px; margin-top:2px; border-radius:50%; background-color: #59c4ff;border:1px solid #dcdcdc; }
#smartMenu_wqdtablecss  ul>li input[type='number']{width:58px;margin-right: 8px; padding-left: 8px; color: #666; }
#smartMenu_wqdtablecss  ul>li:nth-of-type(n+5){height: 30px; line-height: 30px; }
#smartMenu_wqdtablecss  ul>li:nth-of-type(1) span:nth-of-type(1){ background-position:0 0; }
#smartMenu_wqdtablecss  ul>li:nth-of-type(2) span:nth-of-type(1){ background-position:0 -25px; }
#smartMenu_wqdtablecss  ul>li:nth-of-type(3) span:nth-of-type(1){ background-position:0 -179px; }
#smartMenu_wqdtablecss  ul>li:nth-of-type(4) span:nth-of-type(1){ background-position:0 -203px; }
#smartMenu_wqdtablecss  ul>li:nth-of-type(5) span:nth-of-type(1){ background-position:0 -49px; }
#smartMenu_wqdtablecss  ul>li:nth-of-type(6) span:nth-of-type(1){ background-position:0 -112px; }
#smartMenu_wqdtablecss  ul>li:nth-of-type(7) span:nth-of-type(1){ background-position:0 -137px; }
#smartMenu_wqdtablecss  ul>li:nth-of-type(8) span:nth-of-type(1){ background-position:0 -158px; }
#smartMenu_wqdtablecss  ul>li:nth-of-type(3) i,#smartMenu_wqdtablecss  ul>li:nth-of-type(4) i{float: left; font-style: normal; margin-right: 10px; }
#smartMenu_wqdtablecss .smart_menu_a{padding: 0; height: 30px; }
#smartMenu_wqdtablecss .smart_menu_body{width: 174px; }
#smartMenu_wqdtablecss  .smart_menu_li:nth-of-type(8){border-bottom: 1px solid #ededed; }
#smartMenu_wqdtablecss  .smart_menu_li:nth-of-type(n+9) .smart_menu_a{padding-left: 10px !important; }
#smartMenu_wqdtablecss .smart_menu_li .smart_menu_a:hover{background-color:#fff; color:#333; text-decoration:none; }
#smartMenu_wqdtablecss  .smart_menu_li:nth-of-type(n+5) .smart_menu_a:hover{cursor: pointer; background-color: #def3ff; }
#smartMenu_wqdtablecss  .smart_menu_li:nth-of-type(n+9) .smart_menu_a:hover{background-color:#348CCC; color:#fff; text-decoration:none; }
/*弹窗表格样式end*/
/*.wqd-freeRect{border-color: #fff;}*/
/*圈选虚框*/
#wqdcircleSelectos{border: 1px dotted #60c1ff; position:absolute;z-index:9999;top:0;left:0;}

/* 如果屏幕过窄，则不显示坐标输入框 */
@media screen and (max-width: 1245px) {
	.wqdpotion {
		display: none;
	}
}
/*等待载入*/
.page-nowloading {
    top:0;
    bottom:0;
    left:0;
    right:0;
    position: fixed;
    line-height: 32px;
    vertical-align: middle;
    padding: 50px 0 0 310px;
    display: none;
    z-index: 10000;
}
    .page-nowloading.show {
        display: block;
        /*background-color: rgba(253, 253, 253, 0.7);*/
    }
    @keyframes nowLoading{
        from{
            opacity:0;
        }
        to{
            opacity:1;
        }
    }
    @-webkit-keyframes nowLoading{
        from{
            opacity:0;
        }
        to{
            opacity:1;
        }
    }
    @-moz-keyframes nowLoading{
        from{
            opacity:0;
        }
        to{
            opacity:1;
        }
    }
    @-ms-keyframes nowLoading{
        from{
            opacity:0;
        }
        to{
            opacity:1;
        }
    }
    .page-nowloading .loading-box{
        position: relative;
        height: 100%;
        width: 100%;
        display: block;
        opacity:0;
        background-color: rgba(253, 253, 253, 1);
    }
    .page-nowloading.show .loading-box {
        animation: nowLoading 1s .5s forwards;
    }
    .page-nowloading .loading-img {
        background: url("../../images/v2/design/loading.gif") no-repeat 0 center;
        /*height: 32px;*/
        left: 50%;
        top: 50%;
        display: block;
        position: absolute;
        transform: translate(-50%,-50%);
        padding-left: 38px;
    }


.elementsContainer .elementsContainer .wqdGroupmove:before{
    display: none;
}
/*数字进度条样式*/
#wqdProgressbarD ul li.wqdPronumberbarD{
    float: left;
    width:110px;
    height:60px;
    text-align:center;
    margin-left: 20px
}
.wqd_autowidth{
    width: auto!important;
    height: auto!important;
}
.wqdelementEditBox .wqd_progress{
    margin:0 auto;
    height:100%;

}
.wqdelementEditBox .wqd_progress  em{
    display:block;
    margin-top:-16.99px;
    white-space: nowrap;
    word-wrap: normal;
    text-indent:0px;
    font-size:55px;
    margin-bottom:-16.99px;
}
#wqdProgressbarD .wqdprop{
    width: auto !important;
}
.numberprogressleft{
    display:block; width:100%;height:100%;
}
.wqdelementEditBox .wqd_progress1{
    margin:0 auto;
    height:100%;
    font-size: 41px;
  }
.wqdelementEditBox .wqd_progress1  em{
    display:block;
    font-family: Arial;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 41px;
    color: #2dbce6;
}

.wqdelementEdit.hoverContainer > .wqdelementEditBox {
    border:dashed 1px #1ec1fd;
}

.wqdelementEdit.hoverContainer.no-border > .wqdelementEditBox {
    border:dashed 1px #1ec1fd!important;
}
.wqdelementEdit.hoverContainer:not(.hc-play):hover {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
}

.wqdelementEdit.hoverContainer.hc-fixed,
.wqdelementEdit.hoverContainer.hc-fixed:hover{
    -webkit-transform: translate(50px,50px) !important;
    -moz-transform: translate(50px,50px) !important;
    -ms-transform: translate(50px,50px) !important;
    -o-transform: translate(50px,50px) !important;
    transform: translate(50px,50px) !important;
}
.wqdelementEdit.hoverContainer.hc-fixed.hc-fixed-right,
.wqdelementEdit.hoverContainer.hc-fixed.hc-fixed-right:hover{
    -webkit-transform: translate(0,50px) !important;
    -moz-transform: translate(0,50px) !important;
    -ms-transform: translate(0,50px) !important;
    -o-transform: translate(0,50px) !important;
    transform: translate(0,50px) !important;
}
.wqdelementEdit.hoverContainer.hc-fixed.hc-fixed-bottom,
.wqdelementEdit.hoverContainer.hc-fixed.hc-fixed-bottom:hover{
    -webkit-transform: translate(50px,0) !important;
    -moz-transform: translate(50px,0) !important;
    -ms-transform: translate(50px,0) !important;
    -o-transform: translate(50px,0) !important;
    transform: translate(50px,0) !important;
}
.wqdelementEdit.hoverContainer.hc-fixed.hc-fixed-bottom.hc-fixed-right,
.wqdelementEdit.hoverContainer.hc-fixed.hc-fixed-bottom.hc-fixed-right:hover{
    -webkit-transform: translate(0,0) !important;
    -moz-transform: translate(0,0) !important;
    -ms-transform: translate(0,0) !important;
    -o-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
}
